
// These variables copied from default bootstrap variables
$color-blue: #007bff;
$color-indigo: #6610f2;
$color-purple: #6f42c1;
$color-pink: #e83e8c;
$color-red: #dc3545;
$color-orange: #fd7e14;
$color-yellow: #ffc107;
$color-green: #28a745;
$color-teal: #20c997;
$color-cyan: #17a2b8;
$color-white: #fff;
$color-gray: #6c757d;
$color-gray-dark: #343a40;
$color-primary: #007bff;
$color-secondary: #6c757d;
$color-success: #28a745;
$color-info: #17a2b8;
$color-warning: #ffc107;
$color-danger: #dc3545;
$color-light: #f8f9fa;
$color-dark: #343a40;

// These variables copied from default bootstrap variables too
$breakpoint-xs: 0;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

// These variables above is custom var
$padding-small: 8px;
$padding-normal: 12px;
$padding-big: 24px;

$blog-header-height: 64px;

$fg-reserve: #ffffff;
$fg: #1b1d1e;
$bg: #fafafa;
$bg-back: #eeeeee;
$bg-reserve: #1b1d1e;


@mixin hover-shadow {
  text-shadow: 1px 1px 4px #afafaf;
}
